// All breakpoints have $breakpoint prefix
// E.g. @media screen and (min-width: $breakpoint-site-header-small) {}
$site-header-small: 820px;
$site-header-medium: 1200px;
$site-header-large: 1400px;

$horizontal-margins-large: 920px;

$site-footer-two-column: 480px;
$site-footer-four-column: 840px;

$hero-small: 620px;
$hero-large: 1020px;

$grid-homepage-medium: 920px;

$quotes-medium: 940px;
$quotes-large: 1200px;

$automated-row-grouping-medium: 740px;
$automated-row-grouping-large: 1200px;

$sponsorship-large: 840px;

$fw-selector-full-width-medium: 740px;
$fw-selector-full-width-large: 1020px;

$docs-search-small: 420px;
$docs-search-medium: 720px;

$docs-nav-medium: 992px;
$docs-nav-large: 1475px;
$docs-nav-extra-large: 1880px;

$docs-home-small: 768px;

$fw-selector-show-selected-medium: 972px;

$about-small: 660px;
$about-four-column: 880px;
$about-five-column: 1280px;
$about-six-column: 1740px;

$pricing-small: 620px;
$pricing-medium: 820px;
$pricing-large: 1260px;

$changelog-pipeline-large: 980px;

$policy-page-extra-large: 1400px;

$videos-extra-small: 480px;
$videos-small: 630px;
$videos-medium: $docs-nav-medium;
$videos-large: 1285px;

$alert-flag-small: 660px;

$table-small: 640px;

$code-line-numbers: 820px;

$gallery-small: 820px;
$gallery-large: 1340px;

$options-medium: 820px;
$options-large: 1200px;
$options-extra-large: 1800px;
